<!DOCTYPE html>
<html>
  <head>
    {include file="common/meta" /}
    <style>
        .orderform{
            width: 100%;
            display: flex;
            justify-content: space-around;
            margin: 0 auto;
        }

        .orderform .left,.orderform .right{
            width: 50%;
        }
        .orderform .left li{
            display: flex;
            width: 100%;
            justify-content: space-around;
        }
        .orderform .left li span{
            display: inline-block;
            width: 28%;
            text-align: right;
            margin-top: 1em;
        }
        .orderform .left li input{
            display: inline-block;
            width: 65%;
            text-align: left;
            margin: 1em;
        }

        .orderform .right li span{
            display: inline-block;
            width: 30%;
            text-align: right;
        }
        .orderform .right li input{
            display: inline-block;
            width: 50%;
            text-align: left;
            margin: 1em;
        }
    </style>
  </head>
  <body class="form-wrap" >
    <div class="layui-fluid">
      <div class="layui-card">
        <div class="layui-card-body" style="padding: 15px;">
            <form class="orderform" method="post">
                <div class="left">
                    <ul>
                        <li>
                            <span>收货人:</span>
                            <input type="text" value="{$address.consignee}" disabled>
                        </li>
                        <li>
                            <span>收货详细地址:</span>
                            <input type="text" value="{$address.provinces.province}{$address.citys.city}{$address.districts.district}{$address.address}" disabled>
                        </li>
                        <li>
                            <span>手机号码:</span>
                            <input type="text" value="{$address.mobile}" disabled>
                        </li>
                        <li>
                            <span>订单号:</span>
                            <input type="text" value="{$order.code}" disabled>
                        </li>
                        <li>
                            <span>配送单号:</span>
                            {if condition="$order.expcode"}
                                <input type="text" value="{$order.expcode}" disabled>
                            {else /}
                                <input type="text" value="暂无配送单号" disabled>
                            {/if}
                        </li>
                        <li>
                            <span>订单描述:</span>
                            <input type="text" value="{$order.content}" disabled>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <span>订单状态:</span>
                            <input type="text" value="{$order.status_text}" disabled>
                        </li>
                        <li>
                            <span>订单总价:</span>
                            <input type="text" value="{$OrderProduct.total}" disabled>
                        </li>
                        <li>
                            <span>商品单价:</span>
                            <input type="text" value="{$OrderProduct.price}" disabled>
                        </li>
                        <li>
                            <span>下单数量:</span>
                            <input type="text" value="{$OrderProduct.nums}" disabled>
                        </li>
                        <li>
                            <span>配送公司:</span>
                            {if condition="$order.expid"}
                                <input type="text" value="{$express.name}" disabled>
                            {else /}
                                <input type="text" value="暂无配送公司" disabled>
                            {/if}
                        </li>
                        <li>
                            <span>下单时间:</span>
                            <input type="text" value="{$order.createtime}" disabled>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
      </div>
    </div>
  </body>
</html>